<!doctype html>
<html class="no-js">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
  <meta name="format-detection" content="telephone=no">
  <meta name="renderer" content="webkit">
  <meta http-equiv="Cache-Control" content="no-siteapp" />
  <title>微众智慧社区</title>
  <link rel="icon" type="image/png" href="assets/i/favicon.png">
  <link rel="apple-touch-icon-precomposed" href="assets/i/app-icon72x72@2x.png">
  <link rel="stylesheet" type="text/css" href="assets/css/amazeui.min.css">
  <link rel="stylesheet" type="text/css" href="assets/css/app.css">
  <link rel="stylesheet" type="text/css" href="assets/css/common.css">
  <style type="text/css">
    html,body{width: 100%;height: 100%;min-height: 500px;}

    .login-container{position: relative;width: 80%;height: 420px;border-radius: 15px;background-color: #FFFFFF;}
    .login-container .wrapper .line{width: 100%;height: 1px;background-color: #DDDDDD;}
    .login-container .wrapper input{width: 100%;height: 50px;text-align: center;outline: none;border:none;color: #6D6D6D;}
    .login-container button{width: 80px;height: 80px;border:none;border-radius: 40px;outline: none;color: #FFFFFF;}
    .login-container .gray{position: absolute;left: 25px;bottom: 25px;background-color: #DDDDDD;}
    .login-container .gray:active{background-color: #c4c4c4;}
    .login-container .green{position: absolute;right: 25px;bottom: 25px;background-color: #BEE130;}
    .login-container .green:active{background-color: #a7c72a;}
    .login-container .forget{width: 90px;height: 30px;line-height: 30px;text-align: center;float: right;margin-right: 10px;color: #DDDDDD;font-size: 14px;}
    .login-container .logo{position: absolute;width: 64px;height: 22px;left: 15px;top: 15px;}
    
  </style>
</head>

<body>
  <div class="startup-bg flexbox-center-center">
    <div class="login-container">
      <img class="logo" src="assets/i/login_app_logo.png">
      <div class="flexbox-center-center" style="width: 100%;height: 100%">
          <div class="wrapper">
            <div class="line"></div>
            <input type="number" placeholder="手机号"></input>
            <div class="line"></div>
            <input type="password" placeholder="密码"></input>
            <div class="line"></div>
            <div class="forget">忘记密码</div>
          </div>
      </div>
      <a href="area_choice.html">
      <button class="gray" type="button" >注册</button>
      </a>
      <a href="area_choice.html">
      <button class="green" type="button" >登录</button>
      </a>
    </div>
    <div class="appname">微众智慧社区</div>
  </div>
  <script src="assets/js/jquery.min.js"></script>
  <script src="assets/js/amazeui.min.js"></script>
</body>
</html>